<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<title>商机管理</title>
<link rel="stylesheet" href="../../../template/assets/css/amazeui.min.css"/>
<link rel="stylesheet" href="../../../template/assets/css/font-awesome.css">

<style type="text/css">
  /*.border-radius {
    border-radius: 5px;
 }
 .item-background{
    background: #f3f2f1;
 }
 
 .top_img img{
 width:auto;
 height:2.4rem;
 }
 
 .search{
 background-image:url("../../../template/website/images/search_icon.png");
 background-repeat:no-repeat;
 background-position:right;
 background-size: 2rem;
 }
 
 input{
 width:26rem;
 height:auto;
 }*/
  .top_img img{
    width:auto;
    height:3rem;
  }
  .search{
    background-image:url("../../../template/website/images/search_icon.png");
    background-repeat:no-repeat;
    background-position:right;
    background-size: 2rem;
  }
  .select-style{
    padding: 0;
  }
</style>
</head>
<body>

  <!-- 搜索条和新增按钮 -->
  <script type="text/x-handlebars-template" id="add-search-tpl">
    {{#addAndSearch item class=""}}{{/addAndSearch}}
  </script>
    <!-- <div class="am-g am-padding">
	    <div class="am-u-sm-2 am-u-md-2 am-u-lg-2 top_img am-text-left" id="add">
	      <img src="../../../template/website/images/add_icon.png"/>
	    </div>
	    <div class="am-u-sm-10 am-u-md-10 am-u-lg-10 am-text-right top_img " id="search">
	      <img src="../../../template/website/images/search_btn.png"/>
	    </div>
    </div> -->

    <!-- <div class="am-g am-margin-vertical-sm">
      <div class="am-u-sm-1 am-u-md-1 am-u-lg-1 top_img" id="add">
        <img src="../../../template/website/images/add_icon.png"/>
      </div>
      <div class="am-u-sm-11 am-u-md-11 am-u-lg-11" id="search">
        <input class="am-form-field search" id="keyword" name="keyword" value="" placeholder="" maxlength="11" disabled />
      </div>
    </div> -->
    
    <div id="info">
      <!-- <table class="am-table am-text-sm">
        <thead>
          <tr>
            <th class="am-text-center">工单编号</th>
            <th class="am-text-center">商机类型</th>
            <th class="am-text-center">商机要素</th>
            <th class="am-text-center">状态</th>
          </tr>
        </thead>
        <tbody class="am-text-center">
          <tr>
            <td>11111111</td>
            <td>移动400</td>
            <td>需求</td>
            <td>预处理</td>
          </tr>
          <tr>
            <td>11111111</td>
            <td>移动400</td>
            <td>需求</td>
            <td>处理中</td>
          </tr>
        </tbody>
      </table> -->
    </div>
    <script type="text/x-handlebars-template" id="info-tpl">
      {{#oppList list class=""}}{{/oppList}}
    </script>
    
    <div class="am-g am-text-center">
      <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 am-hide" id="loadingbar"></div>      
    </div>
    <!-- <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
      <div class="am-modal-dialog">
        <div class="am-modal-hd">Amaze UI
         <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
         </div>
        <div class="am-modal-bd">
          <div class="am-g">
            <div class="am-u-sm-4 am-u-md-4 am-u-lg-3">工单编号：</div>
            <div class="am-u-sm-8 am-u-md-8 am-u-lg-9">
              <input type="text" class="am-modal-prompt-input">
            </div>
          </div>
          <div class="am-g">
            <div class="am-u-sm-4 am-u-md-4 am-u-lg-3">商机类型：</div>
            <div class="am-u-sm-8 am-u-md-8 am-u-lg-9">
              <select data-am-selected="{maxHeight: 100}">
                <option value="1">移动400</option>
                <option value="2">集团短信</option>
                <option value="3">语音专线</option>
                <option value="4">数据专线</option>
                <option value="5">其他产品</option>
              </select>
            </div>
          </div>
          <div class="am-g">
            <div class="am-u-sm-4 am-u-md-4 am-u-lg-3">商机要素：</div>
            <div class="am-u-sm-8 am-u-md-8 am-u-lg-9">
              <select data-am-selected="{maxHeight: 100}">
                <option value="1">需求</option>
                <option value="2">异动</option>
                <option value="3">情报</option>
              </select>
            </div>
          </div>
        </div>
        <div class="am-modal-footer">
          <span class="am-modal-btn">确定</span>
        </div>
      </div>
    </div> -->
    <div class="am-modal am-modal-prompt" tabindex="-1" id="my-prompt">
      <div class="am-modal-dialog">
        <div class="am-modal-hd"></div>
        <div class="am-modal-bd am-text-sm">
          <div class="am-g">
            <div class="am-u-sm-4 am-u-md-4 am-u-lg-3 select-style">工单编号：</div>
            <div class="am-u-sm-8 am-u-md-8 am-u-lg-9 select-style">
              <input type="text" class="am-form-field" id="opp_id"/>
            </div>
          </div>
          <div class="am-g am-margin-top-xs">
            <div class="am-u-sm-4 am-u-md-4 am-u-lg-3 select-style">商机类型：</div>
            <div class="am-u-sm-8 am-u-md-8 am-u-lg-9 select-style">
              <select data-am-selected="{maxHeight: 60, btnWidth: '100%', btnSize: 'sm'}" id="opp_type">
                <option value="全部">全部</option>
                <option value="移动400">移动400</option>
                <option value="集团短信">集团短信</option>
                <option value="语音专线">语音专线</option>
                <option value="数据专线">数据专线</option>
              </select>
            </div>
          </div>
          <div class="am-g am-margin-top-xs">
            <div class="am-u-sm-4 am-u-md-4 am-u-lg-3 select-style">商机要素：</div>
            <div class="am-u-sm-8 am-u-md-8 am-u-lg-9 select-style">
              <select data-am-selected="{maxHeight: 60, btnWidth: '100%', btnSize: 'sm',dropUp: 1}" id="opp_part">
                <option value="全部">全部</option>
                <option value="需求">需求</option>
                <option value="异动">异动</option>
                <option value="情报">情报</option>
              </select>
            </div>
          </div>
        </div>
        <div class="am-modal-footer">
          <span class="am-modal-btn" data-am-modal-cancel>取消</span>
          <span class="am-modal-btn" data-am-modal-confirm>搜索</span>
        </div>
      </div>
    </div>
  <script type="text/javascript" src="../../../template/assets/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/handlebars.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.widgets.helper.min.js"></script>
  <script type="text/javascript" src="../../../template/website/js/app.js"></script>
  <script type="text/javascript" src="../../../template/website/js/template.js"></script>
  <script type="text/javascript" src="../../../template/website/js/goventerprise/esop_demo/opportunity.js"></script> 

</body>
</html>